Text styling

Question

Level 1

0 points

Text styling

This is a great production tool that we're interested in using to develop widgets for iBooks. I'm worried about the typograhy aspects of iAd Producer though. Unless I'm missing something, its seems that text styling can only be applied to an entire Label object as a whole; there doesn't seem to be the ability style within that Label object text. I realise this may need to be done through CSS rather some WYSIWYG editor but I can't see how to do this where it would be applied to spefic words or phrases and not the object as a whole. As a basic core feature, we would need to be able to style individual words or sentences to be bold or italics, a spefic colour or underline, and to use bulletted and numbered lists and indenting. For ease of use, this would ideally be through a WYSIWIG editor such as the editor for this discussion forum.

If there is a way to do this, please let me know.

Thanks and regards,

Mick

iAd Producer 4.0 -OTHER, OS X Mountain Lion (10.8.4)

Posted on Jul 31, 2013 3:27 AM

Reply

Answer 1

Jul 31, 2013 6:56 AM in response to mickdm

Hey Mick,

For blocks of multi-styled text, use the HTML Object and markup + CSS to create styled runs as you would on any web page.

Cheers,

-Mark

Reply

Answer 2

mickdm Author

Level 1

0 points

Aug 13, 2013 6:38 AM in response to markmalone

Thanks Mark,

That makes perfect sense now that you've pointed it out.

I'm not sure if I'm doing something wrong, but I can't get the global.css to work when referenced from an HTML object. If I place the follwing in the global.css

.normal {font-size:14px}

.boxed {background: #FC0}

.blue {background: #80b5ff}

and then reference it within the HTML object:

<div class="normal"><p>I am proud to come to this city as the guest of your <span class="boxed">distinguished Mayor,</span> who has symbolized throughout the world the <span class="blue">fighting spirit of West Berlin.</span></p></div>

It doesn't work. Whereas, if I place the same styling internally in the HTML object, it works fine.

ie

<styletype="text/css">

.normal {font-size:14px}

.boxed {background: #FC0}

.blue {background: #80b5ff}

</style>

<div class="normal"><p>I am proud to come to this city as the guest of your <span class="boxed">distinguished Mayor,</span> who has symbolized throughout the world the <span class="blue">fighting spirit of West Berlin.</span></p></div>

Does an HTML object need to call in the global.css ie through something like:

<linkrel="stylesheet"type="text/css"href="global.css">

(not working when I tried it)

Any help appreciated,

Thanks,

Mick

Reply

Answer 3

Aug 13, 2013 8:13 AM in response to mickdm

Global.css styles should automatically be applied - it just won't show the results until you preview the page.

Putting this in Global.css :

div {

font-weight: bold;

font-size: 96pt;

}

.mydivclass {

font-style:italic;

font-size: 96pt;

}

Looks like this on the canvas:

and this in Preview:

Of course mine is a very simple example.

-Mark

Reply